<template>
	<!-- 车辆检测 -->
	<view>
		<view class="">
			<image style="width: 100%;" src="https://pxhuodong.oss-cn-beijing.aliyuncs.com/ibuycar/neishiIcon/baoxiu.png" mode="widthFix"></image>
		</view>
		<view class="_flex _justify_between pages" style="background-color: #fff;">
			<view class="" style="width: 33% ;text-align: center;">
				<image src="../../static/b3_1.png" style="width: 100rpx;height: 160rpx;" mode="widthFix"></image>
				<view class="">
					报修内容
				</view>
				<view class="menu-desc">
					报修内容说明
				</view>
			</view>
			<view class="" style="width: 33% ;text-align: center;">
				<image src="../../static/b3_2.png"  style="width: 100rpx;height: 160rpx;" mode="widthFix"></image>
				<view class="">
					询价
				</view>
				<view class="menu-desc">
					查询车辆报修费用
				</view>
			</view>
			<view class="" style="width: 33% ;text-align: center;">
				<image src="../../static/b3_3.png"  style="width: 100rpx;height: 160rpx;" mode="widthFix"></image>
				<view class="">
					在保查询
				</view>
				<view class="menu-desc">
					查询是否在保
				</view>
			</view>
		</view>
		<view class="page">
			<view class="part" v-for="(item,index) in list" :key="index">
				<view class="_flex _justify_between">
					<view class="part-title">
						{{item.title}}
					</view>
					<view style="color: #999;margin: 20rpx 0;">
						查看详情<u-icon name="arrow-right" color="#999"></u-icon>
					</view>
				</view>
				<view class="part-content">
					<view class="" style="border-top: 1px solid #eee;padding: 20rpx 0;">
						<view>
							<view class="">
								{{item.content}}
							</view>
						</view>
						<view class="_flex _justify_between align-items_center" style="padding-top: 30rpx;width: 100%;text-align: right;">
							<view style="font-size: 38rpx;color:#DD6161 ;">
								<u-icon name="rmb"></u-icon>{{item.price}}
							</view>
							<view style="margin-top: 40rpx;">
								<u-button size="mini" type="primary">去下单</u-button>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="_marginTop pages" style="background-color: #FFF">
			<view class="" style="font-size: 45rpx;font-weight: bold;border-bottom:1px solid #eee; padding: 40rpx 0; ">
				售后保障申请流程
			</view>
			<view class="_marginTop" style="color: #888;font-size: 24rpx; line-height: 40rpx;">
				<view class="">拨打报修专线400-6136-520，也可直接在APP端</view>
				<view class="">申请报修，反映车辆问题及相关信息;</view>
				<view class="">请携带相关证照等保修凭证，将故障车辆送至指</view>
				<view class="">定维修单位进行检修;</view>
				<view class="">如果车辆已不能继续行驶，我们可协助您呼叫拖车服务;</view>
				<view class="">我们将对车辆故障及相关费用进行确认;</view>
				<view class="">维修完毕，客户到厂取车。</view>
			
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
						title:'基础保修',
						num:'120项',
						content:'14项系统，车辆主要部件保障。包括:电池、电机、箱、传动三大系统。',
						day:'90',
						gongju:'',
						report:'检测报告',
						price:'1999.00起'
					},
					{
						title:'优先保修',
						num:'120项',
						content:'17项系统，车辆安全控制部件保障。在基础保修的基础上增加:制动系统、转向系统、空调系统。',
						day:'90',
						gongju:'25',
						report:'检测报告',
						price:'3399.00起'
					},
					{
						title:'综合保修',
						num:'350项',
						content:'20项系统，车辆安全舒适部件保障a在优选保修的基础上增加:电子电器系统、智能网联系统、常见易损件等。',
						day:'90',
						gongju:'25',
						report:'检测保告',
						price:'4399.00起'
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.part{
		background-color: #fff;
		border-radius: 10rpx;
		margin-top: 20rpx;
	}
	.part-title{
		border-left: 6rpx solid #002A58;
		margin: 20rpx 0;
		font-size: 30rpx;
		font-weight: bold;
		padding-left: 14rpx;
	}
	.part-content{
		padding: 0rpx 20rpx;
	}
	.contentLititle{
		background-color: #dd616126;
		color: #DD6161;
	}
	.menu-desc{
		font-size: 24rpx;
		color: #888;
	}
</style>
